<template>
  <div class="item-block item-block2">
    <div class="title">代付详情</div>
    <div class="line-con" v-for="(peer_vo, index) in detailAll.peer_pay_list" :key="index">
      <div class="label">{{peer_vo.nickname}}：</div>
      <div class="line-detail">
        <span>{{mSymbol.name}}{{peer_vo.pay_money}}</span>
      </div>
    </div>
    <div class="line-con">
      <div class="label">总计：</div>
      <div class="line-detail">
        <span>{{detailAll.peer_count}}人{{mSymbol.name}}{{detailAll.peer_amount}}</span>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { mapGetters } from 'vuex'

export default Vue.extend({
  props: {
    detailAll: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  computed: {
    // 获取自定义符号
    ...mapGetters(['mSymbol'])
  }
})
</script>

<style lang="scss">
@import "src/styles/order/detail";
</style>